$(function(){	
	var $liImg=$(".photo_stage>li")
	var $main_boxImg=$(".pr_main_le_tu>img");
	var $main_box=$(".pr_main_le_tu");
	var $small_box=$(".le_tu_box");
	var $big_box=$(".big_box");
	var $big_boxImg=$(".big_box>img")
	var $big_img=$(".big_img")
	$liImg.eq(0).css("opacity","1");
	$liImg.click(function() {
		var attr=$(this).find('img').attr("src");
		// console.log(attr);
		var index=$(this).index();
		$main_boxImg.attr("src",attr);
		$big_boxImg.attr("src",attr);
		$(this).css("opacity","1").siblings().css("opacity",".5")
	});

    $main_box.hover(function() {
    	$small_box.show();
    	$big_box.show();
    }, function() {
        $small_box.hide();
        $big_box.hide();
    });
//吸顶盒
			var $nav = $(".detail");
			var $navH = $nav.offset().top;
			$(window).scroll(function(){
				var scrollTop = $(document).scrollTop();
				if( scrollTop >= $navH ){
					$(".celling").addClass("navFix");
					$(".riri").addClass("riri_b");
				}else{
					$(".celling").removeClass("navFix");
					$(".riri").removeClass("riri_b");
				}
			})   
//放大镜
    $main_box.mousemove(function(event){
      event = event || window.event;
		 var pagex = event.pageX || scroll().top + event.clientX;
		 var pagey = event.pageY || scroll().left + event.clientY;
		 var boxLeft = pagex - $main_box.offset().left - $small_box.width()/2; 
		 var boxTop = pagey - $main_box.offset().top - $small_box.height()/2;
         if(boxLeft < 0){
		 	boxLeft = 0;
		 }
		  if(boxTop < 0){
		 	boxTop = 0;
		 }  
		 if(boxLeft > $main_box.width()-$small_box.width()){
		 	boxLeft = $main_box.width()-$small_box.width();
		 }
		 if(boxTop > $main_box.height()-$small_box.height()){
		 	boxTop = $main_box.height()-$small_box.height();
		 }
		 $small_box.css({    
		 	left: boxLeft,
		 	top: boxTop
		 });
		 
		 var biLiLeft =  ($big_img.width()-$big_box.width())/($main_box.width()-$small_box.width());
		 var biLiTop = ($big_img.height()-$big_box.height())/($main_box.height()-$small_box.height());
		 var imgLeft = biLiLeft * boxLeft;
		 var imgTop = biLiLeft * boxTop;

		 $big_img.css({
		 	left: -imgLeft,
		 	top: -imgTop
		 });
    })
    //图片下划线
    var $xiahuaxian=$(".xiahuaxian");
    $(".photo_stage>li").each(function(index){
    	$(this).click(function(){
    		$xiahuaxian.animate({left:(index*110 +'px')}, 300);
    	})
    })
//  图片下划线第二种方法

//	$(".photo_stage>li").eq(0).click(function(){
//		$(".xiahuaxian").animate({left: '+0px'}, 300);
//	})
//	$(".photo_stage>li").eq(1).click(function(){
//		$(".xiahuaxian").animate({left: '+110px'}, 300);
//	})
//	$(".photo_stage>li").eq(2).click(function(){
//		$(".xiahuaxian").animate({left: '+220px'}, 300);
//		
//	})
//	$(".photo_stage>li").eq(3).click(function(){
//		$(".xiahuaxian").animate({left: '+330px'}, 300);
//	})
})